.orderIndex {
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  overflow-y: auto;

  .order_content {
    width: calc(100% - 0.32rem);
    padding-top: 1.32rem;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;

    .van-tabs__content {
      flex: 0 1 auto;
    }

    .order-list {
      width: 100%;
      background: #ffffff;
      border-radius: 0.3rem;
      padding-bottom: 0.18rem;

      .avatar {
        height: .76rem;
        line-height: .76rem;
        display: flex;
        width: 100%;

        .pic_header {
          margin-top: 0.2rem;
          height: .32rem;
          width: .32rem;
          border-radius: 50%;
          margin-right: .12rem;
          vertical-align: middle;
          flex: 0 1 auto;
          background: #f00;
        }

        .pic-right {
          margin-top: 0.14rem;
          height: .48rem;
          width: .48rem;
          border-radius: 50%;
          vertical-align: middle;
          flex: 0 1 auto;
        }

        span {
          color: 333;
          font-size: .28rem;
          flex: 0 1 auto;
        }

        b {
          font-size: .22rem;
          color: #FF2A1F;
          font-weight: 400;
          flex: 1;
          text-align: right;
        }
      }

      .item-container {
        overflow: hidden;
        margin-bottom: .32rem;
        background: #F0F0F0;
        border-radius: .08rem;
        padding: .16rem .08rem .16rem .16rem;

        div {
          &:first-child {
            float: left;
            height: 1.8rem;
            width: 1.8rem;
            margin-right: .16rem;
            background-size: 100% 100%;
            background-repeat: no-repeat;
          }

          &:last-child {
            float: left;
            width: calc(100% - 1.96rem);
            height: 100%;

            .info {
              color: #999;
              font-size: .24rem;
              line-height: .34rem;
            }

            .ellipsis {
              width: 100%;
              height: .86rem;
              display: flex;
              justify-content: flex-start;
              margin-bottom: .16rem;

              .detail {
                width: 3.18rem;
                font-size: .28rem;
                line-height: .4rem;
                height: 100%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                margin-right: .16rem;
              }

              .money {
                width: 1.32rem;
                height: 100%;

                .price {
                  color: #111;
                  font-size: .26rem;
                  line-height: .34rem;
                  height: .44rem;
                  text-align: right;

                  i {
                    font-style: normal;
                    font-size: .14rem;
                    margin-right: .1rem;
                  }

                  span {
                    text-align: right;
                    color: #999;
                  }
                }
              }
            }
          }
        }
      }

      .contact {
        margin: .32rem 0 .48rem 0;
        text-align: right;
        color: #333;
        font-size: .22rem;
        line-height: .32rem;
      }

      .item-btn {
        position: relative;
        text-align: right;
        box-sizing: content-box;

        span {
          display: inline-block;
          padding: .12rem .52rem;
          border-radius: .8rem;
          font-size: .28rem;
          border: 1px solid #FF2A1F;
          color: #FF2A1F;
          margin-left: .16rem;
        }

        .item-btn-huise {
          padding: .12rem .24rem;
          color: #999999 !important;
          border-color: #999999 !important;
        }
      }
    }
  }

  .order-table {
    margin-bottom: .16rem;
    border-radius: .16rem;
  }
}